<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>购物</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/modernizr.js"></script>
</head>
<body>

<a href="#0" class="cd-cart">
	<span>0</span>
</a>

<ul class="cd-gallery">
	<li>
		<div class="cd-single-item">
			<a href="#0">
				<ul class="cd-slider-wrapper">
					<li><img src="img/thumb-1.jpg" alt="Preview image"></li>
					<li class="selected"><img src="img/thumb-2.jpg" alt="Preview image"></li>
					<li><img src="img/thumb-3.jpg" alt="Preview image"></li>
				</ul>
			</a>
			<div class="cd-customization">
				<button class="add-to-cart">
					<em>Add to Cart</em>
					<svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
						<path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
					</svg>
				</button>
			</div> <!-- .cd-customization -->

			<button class="cd-customization-trigger">Customize</button>
		</div> <!-- .cd-single-item -->

		<div class="cd-item-info">
			<b><a href="#0">Red</a></b>
			<em>$20</em>
		</div> <!-- cd-item-info -->
	</li>

	<li>
		<div class="cd-single-item">
			<a href="#0">
				<ul class="cd-slider-wrapper">
					<li class="selected"><img src="img/thumb-1.jpg" alt="Preview image"></li>
					<li><img src="img/thumb-2.jpg" alt="Preview image"></li>
					<li><img src="img/thumb-3.jpg" alt="Preview image"></li>
				</ul>
			</a>

			<div class="cd-customization">
				<button class="add-to-cart">
					<em>Add to Cart</em>
					<svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
						<path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
					</svg>
				</button>
			</div> <!-- .cd-customization -->

			<button class="cd-customization-trigger">Customize</button>
		</div> <!-- .cd-single-item -->

		<div class="cd-item-info">
			<b><a href="#0">Black</a></b>
			<em>$30</em>
		</div> <!-- cd-item-info -->
	</li>

	<li>
		<div class="cd-single-item">
			<a href="#0">
				<ul class="cd-slider-wrapper">
					<li><img src="img/thumb-1.jpg" alt="Preview image"></li>
					<li><img src="img/thumb-2.jpg" alt="Preview image"></li>
					<li class="selected"><img src="img/thumb-3.jpg" alt="Preview image"></li>
				</ul>
			</a>

			<div class="cd-customization">
				<button class="add-to-cart">
					<em>Add to Cart</em>
					<svg x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32">
						<path stroke-dasharray="19.79 19.79" stroke-dashoffset="19.79" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9,17l3.9,3.9c0.1,0.1,0.2,0.1,0.3,0L23,11"/>
					</svg>
				</button>
			</div> <!-- .cd-customization -->

			<button class="cd-customization-trigger">Customize</button>
		</div> <!-- .cd-single-item -->

		<div class="cd-item-info">
			<b>Yellow</b>
			<em>$10</em>
		</div> <!-- cd-item-info -->
	</li>
</ul> <!-- cd-gallery -->

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>
